page-tabs{
    $bcolor:#3A80F3;
    $color:#999999;
    .tabs-ios .tab-button-text{
        font-weight: 400;
    }
    .hc-tabs{
        ion-icon{
            font-family:"iconfont" !important;
        }
     }
    //for ios
    .tabs-ios-light .tab-button[aria-selected=true] .tab-button-icon{
        color: $bcolor;
    }
    .tabs-ios-light .tab-button[aria-selected=false] .tab-button-icon{
        color: $color;
    }
    .tabs-ios-light .tab-button[aria-selected=true] .tab-button-text{
        color: $bcolor;
    }
    .tabs-ios-light .tab-button[aria-selected=false] .tab-button-text{
        color: $color;
    }
    .ion-ios-hc-search:before {
        content: "\e608";
    }
    .ion-ios-hc-search-outline:before {
        content: "\e608";
    }
    .ion-ios-hc-alerts:before {
        content: "\e63a";
    }
    .ion-ios-hc-alerts-outline:before {
        content: "\e63a";
    }
    .ion-ios-hc-Favorites:before {
        content: "\e636";
    }
    .ion-ios-hc-Favorites-outline:before {
        content: "\e636";
    }
    .ion-ios-hc-post:before {
        content: "\e63d";
    }
    .ion-ios-hc-post-outline:before {
        content: "\e63d";
    }
    .ion-ios-hc-mypost:before {
        content: "\e645";
    }
    .ion-ios-hc-mypost-outline:before {
        content: "\e645";
    }
    .ion-ios-hc-Messages:before {
        content: "\e639";
    }
    .ion-ios-hc-Messages-outline:before {
        content: "\e639";
    }
    .ion-ios-hc-More:before {
        content: "\e607";
    }
    .ion-ios-hc-More-outline:before {
        content: "\e607";
    }
    // for android
    
    .tabs-md .tab-button[aria-selected=true] {
        .tab-button-text{
            color: $bcolor;
        }
        .tab-button-icon{
            color: $bcolor;
        }
        .ion-md-hc-search:before {
            
            content: "\e608";
        }
        
        .ion-md-hc-alerts:before {
            content: "\e63a";
        }
        
        .ion-md-hc-Favorites:before {
            content: "\e636";
        }
        
        .ion-md-hc-post:before {
            content: "\e63d";
        } 

        .ion-md-hc-mypost:before {
            content: "\e645";
        }

        .ion-md-hc-Messages:before {
            content: "\e639";
        }
        
        .ion-md-hc-More:before {
            content: "\e607";
        }
        
    }
    .tabs-md .tab-button[aria-selected=false] {
        .tab-button-text{
            color: $color;
        }
        .tab-button-icon{
            color: $color;
        }
        .ion-md-hc-search:before {
            
            content: "\e608";
        }
        
        .ion-md-hc-alerts:before {
            content: "\e63a";
        }
        .ion-md-hc-post:before {
            content: "\e63d";
        } 

        .ion-md-hc-mypost:before {
            content: "\e645";
        }
        .ion-md-hc-Favorites:before {
            content: "\e636";
        }
        
        .ion-md-hc-Messages:before {
            content: "\e639";
        }
        
        .ion-md-hc-More:before {
            content: "\e607";
        }
    }
    
    
}